<template>
  <div class="tdf-label" :class="{ 'tdf-label--large': large }">
    <span v-if="requst" style="color: red;">*</span>
    {{ lable }}
  </div>
</template>

<script>
export default {
  name: 'FormLable',
  props: {
    large: {
      type: Boolean,
      default: false
    },
    lable: {
      type: String,
      default: ''
    },
    requst: {
      type: Boolean,
      default: false
    }
  }
}
</script>

<!--<style lang="scss" scoped>-->
<!--@import "../../styles/quasar";-->

<!--.tdf-label {-->
  <!--width: 100px;-->
  <!--height: $input-dense-height;-->
  <!--line-height: $input-dense-height;-->
  <!--padding-right: 15px;-->
  <!--text-align: right;-->
<!--}-->

<!--.tdf-label&#45;&#45;large {-->
  <!--width: 150px;-->
  <!--height: $input-dense-height;-->
  <!--line-height: $input-dense-height;-->
  <!--padding-right: 15px;-->
  <!--text-align: right;-->
<!--}-->
<!--</style>-->
